<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			/* 设置加粗样式 */
			.bord{
				/* 设置加粗为bold */
				font-weight: bold;
			}
		</style>
		
	</head>
	<body>
		<form action="" method="post">
			<table border="1px" cellspacing="0px" cellpadding="10px" id="table2">
					<tr>
						<td></td>
						<td class="bord">姓名</td>
						<td class="bord">性别</td>
						<td class="bord">年龄</td>
						<td class="bord">家庭住址</td>
					</tr>
					<tr>
						<td>
							<input type="checkbox" id="" value=""  name="Sex_man"/>
						</td>
						<td>张三</td>
						<td>男</td>
						<td>25</td>
						<td>闽西</td>					
					</tr>
					<tr>
						<td>
							<input type="checkbox" id="" value=""  name="Sex_Woman"/>
						</td>
						<td>张三1</td>
						<td>女</td>
						<td>25</td>
						<td>闽西</td>					
					</tr>
					<tr>
						<td>
							<input type="checkbox" id="" value=""  name="Sex_man"/>
						</td>
						<td>张三2</td>
						<td>男</td>
						<td>25</td>
						<td>闽西</td>					
					</tr>
					<tr>
						<td>
							<input type="checkbox" id="" value=""  name="Sex_man"/>
						</td>
						<td>张三3</td>
						<td>男</td>
						<td>25</td>
						<td>闽西</td>					
					</tr>
					<tr>
						<td>
							<input type="checkbox" id="" value=""  name="Sex_Woman"/>
						</td>
						<td>张三4</td>
						<td>女</td>
						<td>25</td>
						<td>闽西</td>					
					</tr>
					
			</table>
			<input type="checkbox" id="Allcheckid" value=""  onclick="ALLcheck()"/>全选
			<input type="checkbox" id="AllcheckidMan" value="" onclick="Mancheck()"/>全选男
			<input type="checkbox" id="AllcheckidWomen" value="" onclick="Womancheck()"/>全选女
			
			
			
			
		</form>
		
		
		
	</body>
	<script type="text/javascript">
		// 设置全选事件
		function ALLcheck(){
			//获取table里面的内容
			var Newtable=document.getElementById('table2');
			//获取table里面的text文本类型tag
			var NewText=Newtable.getElementsByTagName('input');
			console.log(NewText);
			//获取全选按钮的check
			var NewCheck=document.getElementById('Allcheckid');
			//通过循环一起修改里面的checked
			for(var i=0;i<NewText.length;i++){
				NewText[i].checked=NewCheck.checked;
			}		
		}
		
		//设置全选男的事件
		function Mancheck(){
			//先获取为男的数组
			var Newman=document.getElementsByName('Sex_man');
			console.log(Newman);
			//获取全选男按钮
			var allMan=document.getElementById('AllcheckidMan');
				
			//通过循环一起修改里面的checked
			for(var i=0;i<Newman.length;i++){
				Newman[i].checked=allMan.checked;
			}			
		}
		
		//设置全选女的事件
		function Womancheck(){
			//先获取为女的数组
			var NewWoman=document.getElementsByName('Sex_Woman');
			//获取全选女按钮
			var allWomen=document.getElementById('AllcheckidWomen');
				
			//通过循环一起修改里面的checked
			for(var i=0;i<NewWoman.length;i++){
				NewWoman[i].checked=allWomen.checked;
			}			
		}
	</script>
</html>